<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--书写内嵌式CSS的地方-->
    <style>
        *{
            font-size: 30px;
        }
        span {
            /*字体颜色*/
            color: red;
            /*字体大小*/
            font-size: 40px;
            /*背景的颜色*/
            background-color: black;
            /*宽度和高度*/
            width: 200px;
            height: 100px;
        }

        .span {
            color: blue;
        }

        .fan {
            color: pink;
        }

        #span1 {
            color: #2c3e50;
        }
    </style>
    <!--引入外链式的css-->
    <!--<link rel="stylesheet" href="./css/01-demo.css">-->
</head>
<body>
<span>
        我是一个span标签
    </span>
<!--书写行内式CSS的地方-->
<p>我是一个段落标签</p>
<div>我是一个div
    <p>
        <span class="span fan">我是嵌套中的span标签</span>
        <span id="span1" class="span">含有id的span标签</span>
    </p>
</div>
</body>
</html>